<template>
  <!-- <div class="empty">页面不存在</div> -->
   <div>
    <!-- <img ref='img404' src="@/assets/404/img01.jpeg" alt=""> -->
    <img ref='img404' src="@/assets/404/img02.png" alt="">
    <!-- <img ref='img404' src="@/assets/404/img03.gif" alt=""> -->
   </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  mounted () {
    this.init()
  },
  methods: {
    init () {
      this.$refs.img404.style.height = window.innerHeight + 'px'
      this.$refs.img404.style.width = window.innerWidth + 'px'
    }
  }
}
</script>
<style lan="scss" scoped>
.empty{
  font-size: 25px;
  font-weight: bold;
  margin: 200px;
}
img{
  width: 100%;
  height: 100%;
}
</style>
